<template>
    <div>
       <!-- pinia-actions -->
       <h2> pinia-actions 定义和使用 </h2>
       用户名：{{name }}<br/>
       年龄：{{age}}
       年龄的getter: {{getAddAge }}<br/>
       <button @click="changeName">修改name</button>
    </div>
</template>
<script setup lang='ts'>
import { storeToRefs } from 'pinia'
import { useUserStore } from './stores/user'
const userStore = useUserStore()
// actions的方法不可以直接在对象中解构
const { name, age, getAddAge } = storeToRefs(userStore)
console.log('=====')
const changeName = () => {
   // 其他逻辑.。
   // 之后更新state
    userStore.SetName('李四009')
}
// 其他业务函数
const clear = () => {
   // TODO
   
}

</script>


<style lang='scss' scoped>

</style>